<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
    <title></title>
    <link href="../../css/lanai-ui.css" rel="stylesheet"/>
</head>
<body>
<section class="content no-padding">
    <div class="box box-widget no-shadow">
        <div class="box-body">
            <ul class="timeline">
                <!-- timeline time label -->
                <li class="time-label">
	                        <span class="bg-red">
	                            2014年2月6日
	                        </span>
                </li>
                <!-- /.timeline-label -->
                <!-- timeline item -->
                <li>
                    <i class="fa fa-envelope bg-blue"></i>
                    <div class="timeline-item no-shadow">
                        <span class="time"><i class="fa fa-clock-o"></i> 12:05</span>
                        <h3 class="timeline-header"><a href="#">索隆</a> 又到饭点了，给山治发个邮件</h3>
                        <div class="timeline-body">
                            强烈建议少吃点的人“路飞和乔巴”
                            强烈建议少吃点的人“路飞和乔巴”
                            强烈建议少吃点的人“路飞和乔巴”
                            ......
                        </div>
                        <div class="timeline-footer">
                            <a class="btn btn-primary btn-xs">详细</a>
                            <a class="btn btn-danger btn-xs">删除</a>
                        </div>
                    </div>
                </li>
                <!-- END timeline item -->
                <!-- timeline item -->
                <li>
                    <i class="fa fa-user bg-aqua"></i>
                    <div class="timeline-item no-shadow">
                        <span class="time"><i class="fa fa-clock-o"></i> 5分钟前</span>
                        <h3 class="timeline-header"><a href="#">索隆</a> 没啥可说的</h3>
                    </div>
                </li>
                <!-- END timeline item -->
                <!-- timeline item -->
                <li>
                    <i class="fa fa-comments bg-yellow"></i>
                    <div class="timeline-item no-shadow">
                        <span class="time"><i class="fa fa-clock-o"></i> 27分钟前</span>
                        <h3 class="timeline-header"><a href="#">索隆</a> 记录心情</h3>
                        <div class="timeline-body">
                            路飞这个蠢货又吃光了所有的饭
                        </div>
                        <div class="timeline-footer">
                            <a class="btn btn-warning btn-flat btn-xs">查看详细</a>
                        </div>
                    </div>
                </li>
                <!-- END timeline item -->
                <!-- timeline time label -->
                <li class="time-label">
	                        <span class="bg-green">
	                            2014年2月4日
	                        </span>
                </li>
                <!-- /.timeline-label -->
                <!-- timeline item -->
                <li>
                    <i class="fa fa-camera bg-purple"></i>
                    <div class="timeline-item no-shadow">
                        <span class="time"><i class="fa fa-clock-o"></i> 2天前</span>
                        <h3 class="timeline-header"><a href="#">索隆</a> 上传到 路飞的丑事一箩筐</h3>
                        <div class="timeline-body">
                            <img alt="..." class="margin" src="../../img/tm1.jpg">
                            <img alt="..." class="margin" src="../../img/tm2.jpg">
                            <img alt="..." class="margin" src="../../img/tm3.jpg">
                            <img alt="..." class="margin" src="../../img/tm4.jpg">
                            <img alt="..." class="margin" src="../../img/tm5.jpg">
                            <img alt="..." class="margin" src="../../img/tm6.jpg">
                            <img alt="..." class="margin" src="../../img/tm7.jpg">
                        </div>
                    </div>
                </li>
                <!-- END timeline item -->
                <!-- timeline item -->

                <!-- END timeline item -->
                <li>
                    <i class="fa fa-clock-o bg-gray"></i>
                </li>
            </ul>
        </div>
    </div>
</section>
<script src="../../js/jquery.min.js"></script>
<script src="../../js/lanai-ui.js"></script>
</body>
</html>
